import React from 'react';

import { css } from 'linaria';
import Dialog from '../../components/Dialog';
import Style from './About.less';
import Common from './Common.less';

const styles = {
    linkLabel: css`
        font-size: 14px;
    `,
};

interface AboutProps {
    visible: boolean;
    onClose: () => void;
}

function About(props: AboutProps) {
    const { visible, onClose } = props;
    return (
        <Dialog className={Style.about} visible={visible} title="关于" onClose={onClose}>
            <div>
                <iframe src="https://o.iqovo.cn/loli.html" width="560" height="520" frameborder="1/0" name="guanyu" scrolling="yes/no/auto"></iframe>
            </div>
        </Dialog>
    );
}

export default About;
